<!DOCTYPE html>
<html lang="ch">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
  <meta http-equiv="Pragma" content="no-cache" />
  <meta http-equiv="Expires" content="0" />
  <title>W-GPT</title>
  <link rel="icon" type="image/x-icon" href="./images/favicon.ico">
  <link href="css/all 1.2.1.css" rel="stylesheet" type="text/css" />
  <!-- 代码渲染 -->
  <link rel="stylesheet" href="./highlight.js/styles/a11y-dark.css">
  <!-- <script src="https://unpkg.com/@highlightjs/cdn-assets@11.6.0/highlight.min.js"></script> -->
  <!-- 数学公式渲染 -->
  <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
  <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
</head>
<body>
  <ul class="menu bg-base-200 w-56">
    <li><a href="./index.html">home</a></li>
    <li><a class="active">chat</a></li>
    <li><a href="./readme.html">readme</a></li>
  </ul>
  <div id="conversationContainer"></div>

  <div id='add_contribute' class="form-control">
    <input type="file" id="fileInput" accept="image/*,.pdf,.doc,.docx,.txt" class="file-input file-input-bordered file-input-sm w-full max-w-xs" onchange="handleFileUpload(event)" />
    <!-- <button id="uploadButton" class="btn" style="margin-left: 10px;">上传文件</button> -->
    <label class="cursor-pointer label">
      <span id = "text-online" class="label-text">online&nbsp;</span>
      <input type="checkbox" id="myCheckbox" class="checkbox checkbox-success" />
      <span id = "text-online" class="label-text">&nbsp;&nbsp;Translate&nbsp;</span>
      <input type="checkbox" id="myCheckboxfy" class="checkbox checkbox-success" />
    </label>
  </div>
  <div id="inputContainer">
    <textarea type="text" id="promptInput" placeholder="暂时关闭图像生成 考四级后再搞" onkeypress="handleKeyPress(event)"></textarea>
    <select id="modelSelect">
      <option value="gpt-3.5-turbo">gpt-3.5-turbo</option>
      <option value="gpt-3.5-turbo-16k">gpt-3.5-turbo-16k</option>
      <option value="gpt-4">gpt-4</option>
      <option value="gemini-pro">gemini-pro</option>
      <!-- <option value="gpt-4-v">gpt-4-v</option> -->
      <!-- <option value="gpt-4-dalle">gpt-4-dalle</option> -->
      <!-- <option value="gpt-4-all">gpt-4-all</option> -->
      <option value="gpt-4-32k">gpt-4-32k</option>
      <option value="code-llama-34b">code-llama-34b</option>
      <option value="code-llama-13b">code-llama-13b</option>
      <option value="llama-2-70b">llama-2-70b</option>
      <option value="llama-2-13b">llama-2-13b</option>
      <!-- <option value="dall-e-3">dall-e-3</option> -->
    </select>
    <button type="submit" onclick="handleKeyPress(event)" class="btn glass">发送</button>
  </div>
  <!-- <div class="stats glass text-primary-content" style="position: fixed; top: 10px; right: 50px;">
    <div class="stat">
      <div class="stat-title">coffee bill</div>
      <div class="stat-value">$0</div>
      <div class="stat-actions">
        <button class="btn btn-sm btn-success px-16" onclick="window.location.href='./paycoffee.html'">pay</button>
      </div>
    </div>
  </div> -->
  <div class="toast-container" id="toastContainer"></div>
  
  <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

  <!-- <script type="text/javascript" src="./highlight.js/es/common.js"></script> -->
  <script type="text/javascript" src="./marked/marked.min.js"></script>
  <script type="text/javascript" src="js/index 1.2.10.js"></script>
  <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.6.0/build/highlight.min.js"></script>
  <!-- <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
  <script id="MathJax-script" async
          src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js">
  </script> -->
</body>
</html>
